html,body {
	height: 100%;
	background-color: #F3F3F3;
}

.others_personal_head_box{
	width: 100%;
	height: 10.3rem;
	position: relative;
	display: block;

}
.others_personal_head_box p1{
	width: 100%;
	height: 0.9rem;
	line-height: 0.9rem;
	font-size: 0.9rem;
	color:#fff;
	display: block;
	position: absolute;
	top: 6.8rem;
	text-align: center;
}
.others_personal_head_box p2{
	height: 0.7rem;
	line-height: 0.7rem;
	color: #E1E1E1;
	opacity: 0.66;
	display: block;
	position: absolute;
	font-size: 0.7rem;
	top:8.6rem;
	left:37.87%;
}

.go_back{
	width: 2.93%;
	height: 1.0rem;
	background-image: url(/Public/Images/front/front_img/icon_return_gary.png);
	background-size: 0.55rem 1.0rem;
	display: block;
	position: absolute;
	top:0.6rem;
	left: 3.2%;
}
.return_icon_white{
	width: 2.93%;
	height: 1.0rem;
	background-image: url(/Public/Images/front/front_img/icon_return_white.png);
	background-repeat: no-repeat;
	background-size: 0.55rem 1.0rem;
	display: block;
	position: absolute;
	top:0.6rem;
	left: 3.2%;
}
.others_personal_head{
	width: 4.0rem;
	height: 4rem;
	border-radius: 50%;
	border: 1px solid #FFFFFF;
	display: block;
	position: absolute;
	top: 2.2rem;
	left: 39.47%;
}
.others_info_icon{
	width: 1.0rem;
	height: 1.1rem;
	background-image: url(/Public/Images/front/front_img/icon_information_white@3x.png);
	background-size: 1rem 1.1rem;
	position: absolute;
	top:0.55rem;
	right: 3.2%;
}
.point{
	position: absolute;
	right: -0.1rem;
	top: -0.1rem;
	width: 0.5rem;
	height: 0.5rem;
	display: block;
	background: #000000;
	border-radius: 50%;
}
.others_personal_info{
	width: 100%;
	height:3.9rem;
	display: block;
	position: relative;
	background-color: #fff;
	margin-bottom: 0.25rem;
}
.no_title{
	background-image: url(/Public/Images/front/front_img/icon_tishi@3x.png);
	width:0.8rem;
	height: 0.8rem;
	background-size: .8rem .8rem;
	display: block;
	position: absolute;
	top:8.5rem;
	left:32.53%;
}
.icon_gender_man{
	width: 1.1rem;
	height: 1.1rem;
	background-image: url(/Public/Images/front/front_img/icon_nan@3x.png);
	background-size: 1.1rem 1.1rem;
	display: block;
	position: absolute;
	top:5.1rem;
	left:54.93%;
}
.icon_gender_male{
	width: 1.1rem;
	height: 1.1rem;
	background-image: url(/Public/Images/front/front_img/icon_woman@3x.png);
	background-size: 1.1rem 1.1rem;
	display: block;
	position: absolute;
	top:5.1rem;
	left:54.93%;
}
.attention_number{
	width: 14.93%;
	height: 1.25rem;
	font-size: 0.9rem;
	line-height: 1.25rem;
	color: #323232;
	position: absolute;
	top: 0.7rem;
	display: block;
	text-align: center;
	left:9.3%;
}
.attention{
	width: 14.93%;
	height: 1.0rem;
	line-height: 1.0rem;
	color: #909090;
	font-size: 0.7rem;
	position: absolute;
	display: block;
	text-align: center;
	top: 2.05rem;
	left:9.3%;
}


.fans{
	width: 14.93%;
	height: 1.0rem;
	line-height: 1.0rem;
	color: #909090;
	font-size: 0.7rem;
	position: absolute;
	display: block;
	text-align: center;
	top: 2.05rem;
	left:42.67%;
}
.fans_number{
	width: 14.93%;
	height: 1.25rem;
	font-size: 0.9rem;
	line-height: 1.25rem;
	color: #323232;
	position: absolute;
	top: 0.7rem;
	display: block;
	text-align: center;
	left:42.6%;
}
.channel{
	width: 20.93%;
	height: 1.0rem;
	line-height: 1.0rem;
	color: #909090;
	font-size: 0.7rem;
	position: absolute;
	display: block;
	top: 2.05rem;
	right: 9.07%;
	text-align: right;
}
.channel_number{
	width: 14.93%;
	height: 1.25rem;
	font-size: 0.9rem;
	line-height: 1.25rem;
	color: #323232;
	position: absolute;
	top: 0.7rem;
	display: block;
	text-align: center;
	right:10%;
}
.attention_chat_box{
	width: 100%;
	height: 2.45rem;
	opacity: 0.98;
	background: #FFFFFF;
	box-shadow: 0 -1px 0 0 rgba(144,144,144,0.30); 
	display: block;
	position: fixed;
	bottom: 0rem;
	z-index: 999;
}
.line_mid{
	width: 0.05rem;
	height: 0.7rem;
	background: #E1E1E1;
	display: block;
	position: absolute;
	left: 49.5%;
	top:0.75rem;
}
.unattentioned{
	width: 14%;
	height: 0.8rem;
	line-height: .8rem;
	font-size: 0.8rem;
	color: #000000;
	display: block;
	position: absolute;
	letter-spacing: 0;
	left:20%;
	top:0.9rem;
}
.unattentioned p{
	display: block;
	position: absolute;
	
	height: 0.8rem;
	right: 0;
	top:0rem;
	float: right;
	}
.icon_add{
	height: 0.7rem;
	width: 0.7rem;
	background-image: url(/Public/Images/front/front_img/icon_add@3x.png);
	background-size: 0.7rem 0.7rem;
	position: absolute;
	display: block;
	float:left;
	top: 0rem;
	left: 0%;
}
.chat{
	width: 15%;
	height: 0.8rem;
	line-height: .8rem;
	font-size: .8rem;
	color: #000000;
	display: block;
	position: absolute;
	letter-spacing: 0;
	right:20%;
	top:0.9rem;
}
.chat p{
	display: block;
	position: absolute;
	
	height: 0.8rem;
	right: 0;
	top:0rem;
	float: right;
}
.icon_chat{
	height: 0.7rem;
	width: 0.7rem;
	background-image: url(/Public/Images/front/front_img/icon_siliao_personal@3x.png);
	background-size: 0.7rem 0.7rem;
	position: absolute;
	display: block;
	float: left;
	top: 0rem;
	left: 0%;
}
.attentioned{
	width: 20%;
	height: 0.8rem;
	line-height: .8rem;
	font-size: .8rem;
	letter-spacing: 0;
	color: #B4B4B4;
	display: block;
	position: absolute;
	left:20%;
	top:0.9rem;
}
.icon_concerned{
	height: 0.75rem;
	width: 0.75rem;
	background-image: url(/Public/Images/front/front_img/icon_concern_persional@3x.png);
	background-size: 0.75rem 0.75rem;
	position: absolute;
	display: block;
	float:left;
	top: 0rem;
	left: 0%;
}
.attentioned p{
	display: block;
	position: absolute;
	
	height: 0.8rem;
	right: 0rem;
	top:0rem;
	float: right;
}

.PopupConcerned{
	width: 30.4%;
	height: 5.7rem;
	opacity: 0.8;
	background: #000000;
	border-radius: 0.5rem;
	display: none;
	position: fixed;
	bottom:13.8rem;
	left:34.93%;
	z-index: 999;
}
.PopupConcerned p{
	width: 100%;
	height:0.8rem;
	font-size: 0.8rem;
	color: #FFFFFF;
	letter-spacing: 0;
	display: block;
	position: absolute;
	text-align: center;
	top:4.0rem;
	left: 14.91%;
}

.done{
	background-image: url(/Public/Images/front/front_img/icon_succes_tanchuang@3x.png);
	background-size: 2.2rem 2.2rem;
	width: 2.2rem;
	height: 2.2rem;
	position: absolute;
	display: block;
	top:1.0rem;
	left:30.7%;
}
.Popupcancel
{
	width: 30.4%;
	height: 5.7rem;
	opacity: 0.8;
	background: #000000;
	border-radius: 0.5rem;
	display: none;
	position: fixed;
	bottom:13.8rem;
	left:34.93%;
	z-index: 99;
}
.Popupcancel p{
	width: 100%;
	height:0.8rem;
	font-size: 0.8rem;
	color: #FFFFFF;
	letter-spacing: 0;
	display: block;
	position: absolute;
	text-align: center;
	top:4.0rem;
	left:14.91%;

}

.dynamic_box{
	width: 100%;
	height:15.18rem;
	display: block;
	position: relative;
	margin-top: 0.25rem;
	background-color: #fff;
}
.dynamic_icon{
	display: block;
	position: absolute;
	top: 3.9rem;
	left:25.87%;
	width: 48.53%;
	height: 5.3rem;
}
.dynamic_describe{
	width: 100%;
	height: 0.7rem;
	line-height: 0.7rem;
	font-size: 0.7rem;
	display: block;
	position: absolute;
	top: 11.05rem;
	text-align: center;
	color: #909090;
}
.post_box{
	width: 100%;
	height: auto;

	background-color: #fff;
	display: block;
	position: relative;
	 zoom:1;overflow:hidden;
}	
.his_post{
	width: 100%;
	height: 1.0rem;
	background-color: #fff;
	line-height: 1.0rem;
	font-size: 0.7rem;
	color: #909090;
	display: block;
	position: relative;
	padding-top: 0.35rem;
	
	padding-left: 3.2%;
}
.post_content{
	width: 83.48%;

	padding-top: .85rem;
	display: inline-block;
	padding-bottom: 0.65rem;
	
	float: right;
}
.date{
	color: #000;
	font-size: 1.0rem;
	height: 1.0rem;
	line-height: 1.0rem;
	display: block;
	
	
	text-align: center;
}
.time_box{
	margin-top: .85rem;
	width: 16.52%;
	display: inline-block;
	top:0;
	float: left;
}
.channel_name{
	width: 100%;
	height: 1.0rem;
	line-height: 1.0rem;
	font-size: 0.7rem;
	color: #909090;
	display: block;
	margin-bottom: 0.15rem;
	
}
.month{
	opacity: 0.6;
	height: 1rem;
	
	text-align: center;
	line-height: 1rem;
	font-size: 0.6rem;
	color: #333333;

}
.post_title{
	width: 100%;
	height: 1.1rem;
	line-height: 1.1rem;
	font-size: 0.8rem;
	color: #323232;
	margin-bottom: 0.2rem;
	overflow: hidden;/*超出部分隐藏*/
	white-space: nowrap;/*不换行*/
	text-overflow:ellipsis;/*超出部分省略号显示*/
}
.post_list{
	width: 100%;
	height: auto;
	display: block;
	
}
.post_brief{
	font-size: 14px;
	color: #666666;
	
	line-height: 1rem;
	display: block;
	padding-right: 3.2%;
	margin-bottom: 0.35rem;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.post_pic_box{
	width: 100%;
	height: 4.5rem;
	

	
	
}
.post_pic{
	width: 4.5rem;
	height: 4.5rem;
	position: relative;
}
.look{
	height: 0.85rem;
	line-height: 0.85rem;
	font-size: 0.6rem;
	color: #909090;
	display: inline-block;
}
.look_number{
	height: 0.85rem;
	line-height: 0.85rem;
	font-size: 0.6rem;
	color: #909090;
	display: inline-block;
}
.comment{
	height: 0.85rem;
	line-height: 0.85rem;
	font-size: 0.6rem;
	color: #909090;
	display: inline-block;
}
.comment_number{
	height: 0.85rem;
	line-height: 0.85rem;
	font-size: 0.6rem;
	color: #909090;
	display: inline-block;
}
.his_concern{
	width: 100%;
	height: 2.2rem;
	text-align: center;
	background: rgba(248,248,248,0.98);
	border-bottom: 0.05rem solid #E1E1E1;
}
.his_concern p{
	font-size: .9rem;
	color: #575F67;
	letter-spacing: -0.43px;
	line-height: 2.2rem;
}
.concern_number{
	width: 96.8%;
	height: 1.5rem;
	background: #F3F3F3;
	font-size: 0.6rem;
	color: #B4B4B4;
	line-height: 1.5rem;
	padding-left: 3.2%;
}
.concern_content{
	width: 100%;
	height: auto;
	
}
.no_concern{
	width: 100%;
	height: 93.25%;
	background-color: #fff;
}
.his_detail_icon{
	display: block;
	position: relative;
	top: 7.6rem;
	left:25.87%;
	width: 48.53%;
	height: 5.3rem;
}
.his_detail_word{
	width: 100%;
	height: 1.0rem;
	font-size: 0.7rem;
	line-height: 1.0rem;
	color: #909090;
	position: absolute;
	top: 18.5rem;
	text-align: center;
}
.concern_list{
	width: 100%;
	height: auto;
	
	background-color: #fff;
}
.concern_line{
	height: 3.5rem;
	width: 96.8%;
	background-color: #fff;
	border-bottom: 0.05rem solid #EFEFEF;
	margin-left: 3.2%;
	z-index: 1;
}
.concern_line p1{
	height: 1rem;
	width: 70%;
	font-size: 0.7rem;
	color: #333333;
	position: relative;
	left: 18.67%;
	line-height: 1rem;
	top:-1.38rem;
}

.head_icon{
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	display: block;
	position: relative;
	left: 0%;
	top:0.5rem;
}
.orange_box{
	background: #FFFFFF;
	border: 1px solid #000000;
	width: 3.2rem;
	height: 1.3rem;
	display: inline-block;
	position: relative;
	top: -2.38rem;
	float: right;
	right: 6.4%;
	color: #000000;
	z-index:29;

}
.orange_box p{
	display: block;
	position: relative;
	left:0.65rem;
	font-size: 0.7rem;
	height: 1.3rem;
	line-height: 1.3rem;

}
.small{
	height: 0.6rem;
	width: 0.6rem;
	
	background-size: 0.6rem 0.6rem;
	position: relative;
	display: block;
	float:left;
	top: 0.35rem;
	left: 0.5rem;
}
.concern_line_concerned{
	background: #FFFFFF;
	border: 0;
	width: 3.2rem;
	height: 1.3rem;
	display: block;
	position: relative;
	top: -2.38rem;
	float: right;
	right: 6.8%;

}
.concern_line_concerned p{
	height: 1.3rem;
	line-height: 1.3rem;
	font-size: 0.7rem;
	display: block;
	position: relative;
	left: 0.3rem;

}
.icon_concerned_small{
	height: 0.7rem;
	width: 0.7rem;
	background-image: url(/Public/Images/front/front_img/icon_concern_persional@3x.png);
	background-size: 0.7rem 0.7rem;
	position:relative;
	display: block;
	float:left;
	top: 0.3rem;
	left:0.1rem;
}
.write_icon_white{
	width: 1.1rem;
	height: 1.1rem;
	background-image: url(/Public/Images/front/front_img/icon-edit@3x.png);
	background-size: 1.1rem 1.1rem;
	display: block;
	position: absolute;
	top:0.6rem;
	left: 3.2%;
}